.forget-password-wrap {
  width: 100%;
  height: 100%;
  background: $blueRegister url("../assets/image/login-bg.jpg") center bottom
    no-repeat;
  background-size: 100% auto;
  position: relative;
  .forget-password {
    overflow: hidden;
    padding: 20px 30px 80px;
    width: 900px;
    min-height: 600px;
    border-radius: 5px;
    box-sizing: border-box;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -300px 0 0 -500px;
    h3 {
      font-weight: normal;
      font-size: 22px;
      text-align: center;
      color: $blueRegister;
    }
    .form-password {
      width: 70%;
      margin: 8% auto 0;
      .el-input {
        input {
          border: 1px solid $blueRegister;
          background: #fff;
        }
      }
      .login-code {
        display: inline-block;
        width: 22%;
        height: 38px;
        img {
          width: 100%;
          height: 100%;
          cursor: pointer;
          vertical-align: middle;
        }
      }
    }
    .success {
      text-align: center;
      margin-top: 10%;
      .icon {
        font-size: 80px;
        color: #67c23a;
      }
    }
    .btn-wrap {
      width: 100%;
      position: absolute;
      left: 0;
      bottom: 40px;
      padding-top: 20px;
      text-align: center;
      button {
        width: 40%;
        border-color: $blueRegister;
        background: $blueRegister;
      }
      .login {
        cursor: pointer;
        color: $blueRegister;
        margin-left: 2%;
      }
    }
  }
}
